import Vue from 'vue'
import VueRouter from 'vue-router'

import HomeView from '../views/HomeView.vue'
import Toggle from "../views/Toggle.vue"
import Light from "../views/Light.vue"
import MeiNv from "../views/MeiNv.vue"
import Product from "../views/Product.vue"
import Computer from "../views/Computer.vue"
import Tab from '../views/Tab.vue'
import GuiGe from "../views/GuiGe.vue"
import Msg from '../views/Msg.vue'
import TodoBasic from '../views/TodoBasic.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/toggle',
    name: 'toggle',
    component:Toggle
  },
  {
    path:"/light",
    name:"light",
    component:Light
  },
  {
    path:"/meinv",
    name:"meinv",
    component:MeiNv
  },
  {
    path:"/product",
    name:"product",
    component:Product
  },
  {
    path:"/computer",
    name:"computer",
    component:Computer
  },
  {
    path:"/guige",
    name:"guige",
    component:GuiGe
  },
  {
    path:"/tab",
    name:"tab",
    component:Tab
  },
  {
    path:"/msg",
    name:"msg",
    component:Msg
  },
  {
    path:"/todo_basic",
    name:"todo_basic",
    component:TodoBasic
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
